<template>
  <div class="page">
      <el-tabs v-model="activeName" >
        <el-tab-pane label="前端" name="first">
            <FrontList> </FrontList>
        </el-tab-pane>
        <el-tab-pane label="后端" name="second">
            <BackendList> </BackendList>
        </el-tab-pane>
        <el-tab-pane label="配置" name="third">
            <ConfigList> </ConfigList>
        </el-tab-pane>
      </el-tabs>
  </div>
</template>
<script>
  import FrontList from './front-list'
  import BackendList from './backend-list'
  import ConfigList from './config-list'
  export default {
    data () {
      return {
         activeName: 'first',
      }
    },
    components: {
      FrontList,BackendList,ConfigList
    },
  }
</script>
